<template>
    <div>
      <h2>学生信息</h2>
      <p>姓名：{{ name }}</p>
      <p>学号：{{ studentId }}</p>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  const name = ref('杨盼');
  const studentId = ref('2023400918');
  </script>
  
  <style scoped>
  h2 {
    color: #2ab623;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }
  
  p {
    text-align: center;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
  }
  </style>